/*!
Icons by Yusuke Kamiyamane <http://p.yusukekamiyamane.com/>.
Licensed under a Creative Commons Attribution 3.0 License.
*/

.yui3-skin-sam .yui3-treeview-row > .yui3-treeview-indicator:after { content: ''; }

.yui3-skin-sam .yui3-treeview-label,
.yui3-skin-sam .yui3-treeview-row {
    line-height: 1.6;
}

/* Page icon for all nodes by default. */
.yui3-skin-sam .yui3-treeview-icon {
    background: left center no-repeat url();
    float: left;
    height: 1.6em; /* should match the line-height of the row and label */
    min-height: 16px; /* to prevent the icon from being clipped */
    width: 16px;
}

.yui3-skin-sam .yui3-treeview-label { padding-left: 6px; }
.yui3-skin-sam .yui3-treeview-node { outline: none; }
.yui3-skin-sam .yui3-treeview-node .yui3-treeview-children { margin-left: 20px; }

.yui3-skin-sam .yui3-treeview-row {
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    border: 1px solid transparent;
    border-radius: 2px;
    _border: none;
}

/* -- Node states ----------------------------------------------------------- */

/* Light blue background for hovered nodes, except on touch devices. */
.yui3-skin-sam .yui3-treeview-notouch .yui3-treeview-row:hover {
    background-color: #F0F6FE;
    border-color: #B6D4FC;
}

/* Use a folder icon for nodes that can have children. */
.yui3-skin-sam .yui3-treeview-can-have-children > .yui3-treeview-row > .yui3-treeview-icon {
    background-image: url();
}

/* Gray background for selected, unfocused nodes. */
.yui3-skin-sam .yui3-treeview-selected > .yui3-treeview-row {
    background-color: #E6E6E6;
    border-color: #D9D9D9;
}

/* Blue background for selected, focused nodes and selected, hovered nodes,
   as well as selected unfocused nodes when multiselect is enabled. */
.yui3-skin-sam .yui3-treeview-selected:focus > .yui3-treeview-row,
.yui3-skin-sam .yui3-treeview-children[aria-multiselectable="true"] .yui3-treeview-selected > .yui3-treeview-row,
.yui3-skin-sam .yui3-treeview-selected > .yui3-treeview-row:hover {
    background-color: #C9E0FC;
    border-color: #7DA2CE;
}

/* -- High DPI styles ------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .yui3-skin-sam .yui3-treeview-icon {
        background-image: url();
        background-size: contain;
    }

    .yui3-skin-sam .yui3-treeview-has-children > .yui3-treeview-row > .yui3-treeview-icon {
        background-image: url();
    }
}
